// 线条页面
import React from 'react';
import './line.css'
// 导入图片资源
import line1 from "../../assets/simg/line1.png";
import line2 from "../../assets/simg/line2.png";
import line3 from "../../assets/simg/line3.png";
import line4 from "../../assets/simg/line4.png";
import line5 from "../../assets/simg/line5.png";
import line6 from "../../assets/simg/line6.png";
import line7 from "../../assets/simg/line7.png";
import line8 from "../../assets/simg/line8.png";
import line9 from "../../assets/simg/line9.png";
import line10 from "../../assets/simg/line10.png";

// 创建一个数组包含所有导入的图片
const lines = [
  line1, line2, line3, line4, line5,
  line6, line7, line8, line9, line10
];

// 定义 Line 组件
const Line: React.FC = () => {
  return (
    <div className="line-container">
      {lines.map((line, index) => (
        <div className="line-item" key={index}>
          <img src={line} alt={`line ${index + 1}`} />
        </div>
      ))}
    </div>
  );
};

// 导出 Line 组件
export default Line;
